@import 'global.css';


.bannerBox {
    width:100%;
    height:356px;
    overflow: hidden;
    background:#ccc;
    margin-top:-2px;
    position:relative;
}

.bannerBox .bannerItem {
    width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.moreVersionBox {
    width:100%;
    height:auto;
    margin-top:30px;
}

.moreVersionMain {
    width:1100px;
    height:auto;
    margin:0px auto;    
}

.moreVersionMainItem {
    width:100%;
    height:auto;
    float:left;
    margin-bottom:30px;
}

.moreVersionMenu {
    width:10%;
    height:auto;
    float:left;
}

.moreVersionMenuItem {
    width:100%;
    height:30px;
    line-height:30px;
    font-size:18px;
    color:#333;
    letter-spacing:1px;
}

.moreVersionMenuItem  p {
    width:90%;
    height:30px;
    font-size:12px;
    text-align: center;
    float:left;
    border-radius:5px;
    margin-top:5px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    background:#fff;
}

.moreVersionMenuItem  p:hover  {
    background:#eee;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.3);
    cursor:pointer;
}

.moreVersionContentTitle {
    height:20px;
    position: relative;
    color:#666;
    left:5px;
    top:5px;
}

.moreVersionContent {
    width:90%;
    height:auto;
    float:left;
    background:#f5f5f5;
    padding-top:5px;
    padding-bottom:5px;
    border-radius:5px;
    margin-top:15px;
}

.moreVersionContentText {
    width:100%;
    height:40px;
    font-size:13px;
    color:#666;
    line-height:40px;
    text-indent: 15px;  
}

.moreVersionMainItem:last-child {
    margin-bottom:0px;
}

.caseTitleBox {
    width:100%;
    height:50px;
    margin-bottom:10px;
}

.caseTitleIcon {
    width:30px;
    height:30px;
    float:left;
    margin:10px;
}


.caseTitleIcon img {
    width:100%;
    margin-left:-12px;
}

.caseTitle {
    float:left;
    width:auto;
    height:50px;
    margin-left:-15px;
    line-height:50px;
    font-size:22px;
}